<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Pentaho Dashboard Designer</title>
        <!--<meta name="description" content="">-->
        <!--<meta name="viewport" content="width=device-width">-->

        <link rel="stylesheet" href="css/bootstrap.css">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="css/main.css">

        <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>

        <!-- We need a external link for brightcove -->
        <script language='JavaScript' type='text/javascript' src='http://admin.brightcove.com/js/BrightcoveExperiences.js'></script>
    </head>
    <body>

    <div class="container header">
      <hr class="topYellowMark">
      <h1>Explore Dashboard Designer</h1>
      <p class="subhead">Create dashboards with little or no training</p>
      <div class="row">
        <div class="col-xs-12 header-text">
          <p>Creating a dashboard in Dashboard Designer is as simple as choosing a layout template, theme, and the content you want to display. In addition to displaying content generated from Interactive Report and Analyzer, Dashboard Designer can also include other content types, such as charts, data tables and URLs.</p>
        </div>
        <div class="col-xs-12" id="dashboard-designer-video-screen">
          <div class="video-screen text-center">
            <img src="img/screen.png">
          </div>
    
          <div class="video-player">
            <object id='myExperience781579620001' class='BrightcoveExperience'>
              <param name='bgcolor' value='#FFFFFF' />
              <param name='width' value='482' />
              <param name='height' value='302' />
              <param name='playerKey' value='AQ~~,AAABioIZaRE~,HcMeumQTXEC1zURldbO8kIySLyfrRiBn' />
              <param name='isVid' value='true' />
              <param name='isUI' value='true' />
              <param name='dynamicStreaming' value='true' />
              <param name='@videoPlayer' value='2596152919001' />
              <param name='autoStart' value='false' />
            </object>
            <script type='text/javascript'>brightcove.createExperiences();</script>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-xs-12 text-center">
          <a href="http://demo.pentaho.com:/pentaho/Home?name=MySalesDashboard&startup-url=%2Fpentaho%2Fapi%2Frepos%2F%3Apublic%3ASteel+Wheels%3AMySalesDashboard.xdash%2Fviewer%3Fts%3D1379695527251" target="_blank" class="btn btn-primary btn-try-dashboard-designer">Test Pentaho Dashboard Designer</a>
        </div>
      </div>
    </div>
    
    <hr>

    <div class="container">
      <div class="row screenshot-row">
        <div class="col-xs-6">
          <img src="img/dashboard-designer-slide-1.png">
        </div>
        <div class="col-xs-6">
          <h3>Design your own dashboards</h3>
          <p>Web-based drag and drop dashboard design including rich navigation, drilling and a library of filter controls.</p>
        </div>
      </div>
    </div>

    <div class="jumbotron">
      <hr class="topShadow">
      <div class="container">
        <div class="row">
          <div class="col-xs-12">
            <h2>Try other Pentaho EE exclusive tools</h2>
          </div>
          <a href="PentahoAnalyzer.html">
            <div class="col-xs-4 other-tool">
              <!--<div class="link-icon">
                <img src="img/pentaho-56x56.png">
              </div>-->
              <div class="link-content">
                <h3>Pentaho Analyzer</h3>
                <p>Interactive visual analysis for greater insight.</p>
              </div>
           </div>
          </a>
          <a href="InteractiveReport.html">
            <div class="col-xs-4 other-tool">
              <!--<div class="link-icon">
                <img src="img/pentaho-56x56.png">
              </div>-->
              <div class="link-content">
                <h3>Interactive Report</h3>
                <p>Intuitive web-based interactive reporting for business users.</p>
              </div>
           </div>
          </a>
          <div class="col-xs-1"></div>
          <div class="col-xs-3 text-right">
            <div class="try-pentaho">
              <h2>Experience Pentaho<br>Business Analytics</h2>
              <a href="http://www.pentaho.com/testdrive?utm_source=webdetails&utm_medium=website&utm_campaign=EE+Samples" class="btn btn-primary">Try Pentaho</a>
			  <p><a href="http://www.pentaho.com/contact">+1 (866) 660-7555</a></p>
            </div>
          </div>
        </div>
      </div>
    </div>      

        <script src="js/vendor/jquery-1.10.1.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>
        <script src="js/vendor/bootstrap.min.js"></script>
        <script src="js/main.js"></script>
    </body>
</html>
